<template>
  <div>
    <p>{{ list }}</p>
    <p>{{ people }}</p>
    <p>{{ person.name }}--{{ person.age }}</p>
    <ol>
      <li v-for="item in list" :key="item">{{ item }}</li>
    </ol>
  </div>
</template>

<script setup lang="ts">


import {reactive,toRefs,ref,computed,watch} from 'vue'

let data = reactive({
  list:[],
  people:{
    name:"",
    age:0,
  },
  person:{
    name:"",
    age:0,

  }
})

let {list,people,person} = toRefs(data)


</script>

 
<style scoped>

</style>